Stack
是一種用於布局的widget,它可以在屏幕上重疊多個子widget。
(在stack
程式中,最早寫得在最下層)
範例程式碼
Widget build(BuildContext context) {
return MaterialApp(
home: Stack(
alignment:const FractionalOffset(0.2,0.2), // 設置子 widget 的對齊方式為相對於 Stack 的左上角的偏移量為(0.2, 0.2)
children:<Widget>[
//最底層的子 widget 是一個白色的容器
Container(
width: 250,
height: 250,
color: Colors.white,
),
// 第二層子 widget 是一個文本
Text('Hello',
style:new TextStyle(
fontSize:25,
color: Colors.purple,
),
),
]
)
);
}
結果:可以看到text
widgets 堆疊在白色容器左上角
Stack
對齊屬性:改變widgets的位置
通常透過alignment來控制
1.Alignment.center(中間)
2.Alignment.topLeft(左上)
3.Alignment.topRight(右上)
4.Alignment.bottomLeft(左下)
5.Alignment.bottomRight(右下)
6.或像上面得程式碼一樣自訂義位置